import QtQuick 2.4

Item {
    id: element
    width: 1024
    height: 768
    property alias successImageButton: successImageButton
    property alias okImageButton: okImageButton
    property alias fiftyOptionImage: fiftyOptionImage
    property alias thirtyOptionImage: thirtyOptionImage
    property alias twentyOptionImage: twentyOptionImage
    property alias nonfreezeModeOptionImage: nonfreezeModeOptionImage
    property alias freezeModeOptionImage: freezeModeOptionImage
    property alias threePlayerOptionImage: threePlayerOptionImage
    property alias twoPlayerOptionImage: twoPlayerOptionImage

    Image {
        id: image
        anchors.fill: parent
        source: "../Images/bk/setting.jpg"
        fillMode: Image.PreserveAspectFit
    }

    OptionImage {
        id: twoPlayerOptionImage
        x: 388
        y: 235
        width: 165
        height: 58
        selected: false
        selectedSource: "../Images/fg/2_p.png"
        source: "../Images/fg/2.png"
    }

    OptionImage {
        id: threePlayerOptionImage
        x: 644
        y: 235
        width: 166
        height: 58
        selected: false
        selectedSource: "../Images/fg/3_p.png"
        source: "../Images/fg/3.png"
    }

    OptionImage {
        id: freezeModeOptionImage
        x: 388
        y: 346
        width: 165
        height: 60
        selected: false
        selectedSource: "../Images/fg/freeze_p.png"
        source: "../Images/fg/freeze.png"
    }

    OptionImage {
        id: nonfreezeModeOptionImage
        x: 644
        y: 346
        width: 166
        height: 60
        selected: false
        selectedSource: "../Images/fg/nonfreeze_p.png"
        source: "../Images/fg/nonfreeze.png"
    }

    OptionImage {
        id: twentyOptionImage
        x: 388
        y: 447
        width: 120
        height: 58
        selected: false
        selectedSource: "../Images/fg/20_p.png"
        source: "../Images/fg/20.png"
    }

    OptionImage {
        id: thirtyOptionImage
        x: 536
        y: 447
        width: 120
        height: 58
        selected: false
        selectedSource: "../Images/fg/30_p.png"
        source: "../Images/fg/30.png"
    }

    OptionImage {
        id: fiftyOptionImage
        x: 685
        y: 447
        width: 120
        height: 58
        selected: false
        selectedSource: "../Images/fg/50_p.png"
        source: "../Images/fg/50.png"
    }

    ImageButton {
        id: okImageButton
        x: 520
        y: 562
        width: 153
        height: 49
        pressedSource: "../Images/fg/ok_p.png"
        source: "../Images/fg/ok.png"
    }

    ImageButton {
        id: successImageButton
        width: 572
        height: 300
        pressedSource: "../Images/fg/set_ok.png"
        visible: false
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.verticalCenter: parent.verticalCenter
        source: "../Images/fg/set_ok.png"
    }
}
